<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>申请人基本信息</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="js/lib/weui.min.css">
    <link rel="stylesheet" href="css/jquery-weui.min.css">
    <link rel="stylesheet" href="css/form.css">
    
</head>
<body ontouchstart>
    <div class="page_bd">
        <div class="base_info_wp">
            <div class="base_info">
                <p>姓名:张三</p>
                <p>申请时间:2018-03-05 14:00</p>
                <p>申请编号:XS2018030514002248</p>
            </div>
            
        </div>
    </div>
    <div class="page__bd">
        <form method="POST" action="test.php" id="form">
        <div class="section">
            <h4>申请人基本信息</h4>
        </div>
        <div class="weui-cells weui-cells_form">

            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">申请金额</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="number"  placeholder="请输入申请金额">
                </div>
            </div>

            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">贷款期限</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select" name="select2">
                        <option value="1">12期</option>
                        <option value="2">24期</option>
                        <option value="3">36期</option>
                    </select>
                </div>
            </div>
           

            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">手机号是否转网</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
                
            </div>
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">手机使用超过6个月</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
            </div>
            <div class="weui-cell weui-cell_switch">
                    <div class="weui-cell__bd">手机号本人实名</div>
                    <div class="weui-cell__ft">
                        <input class="weui-switch" type="checkbox">
                    </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                    <div class="weui-cell__hd">
                        <label for="" class="weui-label">性别</label>
                    </div>
                    <div class="weui-cell__bd">
                        <select class="weui-select" name="select2">
                            <option value="1">男</option>
                            <option value="2">女</option>
                        </select>
                    </div>
                </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                        <label for="" class="weui-label">户籍所在地</label>
                    </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请填写户籍所在地">
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">婚姻状况</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select" name="select2">
                        <option value="1">未婚</option>
                        <option value="2">已婚</option>
                        <option value="3">离异</option>
                        <option value="4">丧偶</option>
                    </select>
                </div>
            </div>
           
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">最高学历</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select" name="select2">
                        <option value="1">博士及以上</option>
                        <option value="2">硕士</option>
                        <option value="3">大学本科</option>
                        <option value="4">大学大专</option>
                        <option value="5">高中</option>
                        <option value="6">中专</option>
                        <option value="7">技校</option>
                        <option value="8">初中</option>
                        <option value="9">初中以下</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="weui-cells__title">联系方式</div>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">手机号</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel" placeholder="请输入手机号" id="user_tel">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">QQ</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="number" pattern="[0-9]" placeholder="请输入QQ号">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">微信</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请输入微信号">
                </div>
            </div>
        </div>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">房产情况</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select" name="select2">
                        <option value="1">自置无按揭</option>
                        <option value="2">自置有按揭</option>
                        <option value="3">租房</option>
                        <option value="4">亲属楼宇</option>
                        <option value="5">集体宿舍</option>
                        <option value="6">其他</option>
                    </select>
                </div>
            </div>
            <div class="weui-cell weui-cell_select weui-cell_select-after">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">车辆情况</label>
                </div>
                <div class="weui-cell__bd">
                    <select class="weui-select" name="select2">
                        <option value="1">全款车</option>
                        <option value="2">按揭车</option>
                        <option value="3">多辆车</option>
                    </select>
                </div>
                
            </div>
            
            <div class="weui-cell weui-cell_switch">
                <div class="weui-cell__bd">父母同住</div>
                <div class="weui-cell__ft">
                    <input class="weui-switch" type="checkbox">
                </div>
            </div>

        </div>

        <div class="weui-cells__title">现住址</div>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请输入现住址">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">本址开始居住时间</label>
                </div>
                <div class="weui-cell__bd">
                    <input type="date" class="weui-input" placeholder="居住时间">
                </div>

            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label for="" class="weui-label">来本城市年限</label>
                </div>
                <div class="weui-cell__bd">
                    <input type="text" class="weui-input" placeholder="请填写来本城市年限">
                </div>

            </div>
            
        </div>

        <div class="next_btn">
            <a href="javascript:next()">下一步</a>
        </div>
        </form>
    </div>         
</body>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/jquery-weui.min.js"></script>
<script src="js/city-picker.min.js"></script>
<script>
    $("#city-picker").cityPicker({
        showDistrict: false
    });
    function next(){
        var form = $('#form');
        var notEmpty = true;
        $('#form input').each(function(idx,ele){
           
            if($.trim($(ele).val()) == ''){
                alert('所有信息均为必填项');
                $(ele).focus();
                notEmpty = false;
                return false;
            }
        })
        
        if(notEmpty){
            if($.trim($('#user_tel')).length != 11){
                return alert('请正确填写手机号');
            }
            form.submit();
        }
    }
        
</script>
</html>